/* 主题色 */
$primary-color: #e5394d; // 樱桃红色
$primary-color-light: #f8d0d5;
$primary-color-dark: #c52336;

$secondary-color: #4caf50; // 绿色
$secondary-color-light: #c8e6c9;
$secondary-color-dark: #2e7d32;

/* 文字颜色 */
$text-color-primary: #333333;
$text-color-secondary: #666666;
$text-color-placeholder: #999999;
$text-color-white: #ffffff;

/* 背景色 */
$bg-color: #f8f8f8;
$bg-color-white: #ffffff;
$bg-color-light: #f5f5f5;
$bg-color-mask: rgba(0, 0, 0, 0.4);

/* 边框颜色 */
$border-color: #e5e5e5;
$border-color-light: #f0f0f0;
$border-color-dark: #cccccc;

/* 字体大小 */
$font-size-xs: 20rpx; // 10px
$font-size-sm: 24rpx; // 12px
$font-size-base: 28rpx; // 14px
$font-size-md: 32rpx; // 16px
$font-size-lg: 36rpx; // 18px
$font-size-xl: 40rpx; // 20px
$font-size-xxl: 48rpx; // 24px

/* 间距 */
$spacing-xs: 10rpx; // 5px
$spacing-sm: 20rpx; // 10px
$spacing-base: 30rpx; // 15px
$spacing-md: 40rpx; // 20px
$spacing-lg: 60rpx; // 30px
$spacing-xl: 80rpx; // 40px

/* 圆角 */
$border-radius-xs: 6rpx; // 3px
$border-radius-sm: 10rpx; // 5px
$border-radius-base: 20rpx; // 10px
$border-radius-md: 40rpx; // 20px
$border-radius-lg: 60rpx; // 30px
$border-radius-circle: 50%;

/* 阴影 */
$box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
$box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.05);
$box-shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.15);

/* 动画 */
$transition-time: 0.3s;
$transition-timing-function: ease-in-out; 